$(function () {

    let layer = layui.layer;

    getUserInfo();

    // 创建获取用户信息的函数
    function getUserInfo() {

        $.ajax({
            url: '/my/userinfo',
            type: 'get',
            // 请求头配置对象,确认用户权限
            headers: {
                Authorization: localStorage.getItem('token') || ''
            },
            success: function (res) {

                // 添加判断，数据获取失败弹出提示框
                if (res.status !== 0) {
                    return layer.msg('获取用户信息失败！');
                }
                // 数据获取成功调用数据渲染头像和用户名
                loadAvatar(res.data);
            }
        })
    }




    // 实现退出功能

    // 获取退出按钮,添加点击事件
    $('#tuichu').on('click', function () {

        // 点击弹出提示确认框
        layer.confirm('确定退出登录?', function (index) {
            //do something

            // 清除本地存储中的token
            localStorage.removeItem('token');

            // 跳转登录页面
            location.href = '/login.html';

            // 关闭询问框
            layer.close(index);
        });
    })



})

// 创建渲染用户头像和姓名函数
function loadAvatar(data) {

    // 获取用户的昵称
    let name = data.nickname || data.username;
    // 渲染文本信息
    $('#welcome').html('欢迎&nbsp;&nbsp;' + name);

    // 获取用户头像
    let pic = data.user_pic;
    // 判断用户是否有头像,优先渲染用户头像
    if (pic !== null) {
        // 用户有头像显示头像,隐藏文字头像
        $('.layui-nav-img').attr('src', pic).show();
        $('.text-avatar').hide();
    } else {
        // 用户没有头像,隐藏头像显示文字头像
        $('.layui-nav-img').hide();
        let first = name[0].toUpperCase();
        $('.text-avatar').html(first).show();
    }
}